.size-10{
    font-size: 10px;
}
.size-12{
    font-size: 12px;
}
.size-14{
    font-size: 14px;
}
.size-16{
    font-size: 16px;
}
.size-18{
    font-size: 18px;
}
.size-20{
    font-size: 20px;
}
.size-22{
    font-size: 22px;
}
.size-24{
    font-size: 24px;
}
.size-26{
    font-size: 26px;
}
.size-28{
    font-size: 28px;
}
.size-30{
    font-size: 30px;
}
.size-36{
    font-size:36px;
}
.text-center{
    text-align: center;
}
.weight-bold{
    font-weight: bold;
}
.color-num{
    color:#61dff9;
}
.color-orange{
    color:rgb(255,182,117)
}
.color-fff{
    color:#fff;
}
.opacity-5{
    opacity: 0.5;
}
.flex{
    display: flex;
}
.flex-center-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-center-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-center-around{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.align-center{
    align-items: center;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-column{
    flex-direction: column;
}
.half-line{
    width:calc(50% - 1px);
}
.angerbg{
    background:url(../img/左上.png) no-repeat top left,
    url(../img/左下.png) no-repeat bottom left,
    url(../img/右上.png) no-repeat top right,
    url(../img/右下.png) no-repeat bottom right;
    background-size: 8px 8px;
}
.icontitle{
    height:20%;
    img {
        width: 32rem;
        height: 32rem;
        margin-right: 6rem;
    }
    p {
        display: flex;
        align-items: center;
        color: #fff;
        font-size: 22rem;
        span {
            font-size: 40rem;
            color: #61dff9;
        }
    }

}
.line-row{
    width:80%;
    height:2rem;
    background-image: url(../img/横线.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin:6rem auto;
}
.line-column{
    width:2px;
    height:80%;
    background-image: url(../img/竖线.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.bgtitle{
    margin:20rem 0 10rem 0;
    .titleleft {
        width: 240rem;
        height: 60rem;
        background-image: url(../img/titlebg.png);
        background-size: 100% 100%;
        line-height: 60rem;
        text-indent: 40rem;
    }
    .titleright {
        display: flex;
        align-items: center;
        span {
            font-size: 38rem;
        }
    }
}
.fonttitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:6rem 0;
}
.row-container {
    width:100%;
    height:100%;
    padding:18rem;
    padding-left:0;
    .row-item{
        height:100%;
        .row-content {
            box-sizing: border-box;
            height: 100%;
            background-color: linear-gradient(
                to right bottom,
                rgb(53, 57, 135) 0%,
                rgb(28, 33, 103) 100%
            );
            border: 1px solid rgb(99, 105, 196);
            margin-left: 18px;
            position: relative;
            padding: 0 20px;
            box-sizing: border-box;
        }

    }
}
.el-dialog{
    background: linear-gradient(90deg, #353987, #1c2167) !important;
    .el-dialog__header{
        background-image: url(../img/dialogline.gif);
        background-size: 100% 4rem;
        background-position: bottom left;
        background-repeat: no-repeat;
        .dialogtitle{
            font-size:22px;
            color:#fff;
        }
        .el-dialog__close{
            font-size: 22px;
            color:#fff !important;
        }

    }
}